.fenlei {
  padding-top: .18rem;
}
.fenlei .top {
  padding: 0 .12rem;
  width: 3.51rem;
  margin: 0 auto;
  height: .32rem;
  background: #fff;
  box-sizing: border-box;
}
.fenlei .top span {
  display: inline-block;
  width: .158rem;
  height: .16rem;
  background: url(../img/分类 搜索@2x.png) no-repeat center;
  background-size: contain;
  top: 4px;
  position: relative;
}
.fenlei .top input {
  font-size: .12rem;
  color: #121212;
  width: 92%;
  height: 88%;
  line-height: .32rem;
}
.fenlei .bottom {
  margin-top: .18rem;
  padding: 0 .12rem;
}
.fenlei .bottom .left {
  float: left;
  width: calc(27.2%);
  font-size: .14rem;
  color: rgba(18, 18, 18, 0.9);
}
.fenlei .bottom .left li {
  line-height: .32rem;
  text-align: center;
  margin-bottom: .12rem;
}
.fenlei .bottom .left li.active {
  color: #5f3104;
  background: #fff;
}
.fenlei .bottom .right {
  padding: .14rem;
  box-sizing: border-box;
  background: #fff;
  width: 72.8%;
  float: left;
  min-height: 3.38rem;
}
.fenlei .bottom .right .section0 {
  display: none;
}
.fenlei .bottom .right .section0.active {
  display: block;
}
.fenlei .bottom .right h6 {
  line-height: .17rem;
  font-size: .12rem;
  color: rgba(18, 18, 18, 0.9);
  border-left: 2px solid #5f3104;
  padding-left: 3px;
  margin-bottom: .19rem;
}
.fenlei .bottom .right img {
  width: 100%;
  height: .54rem;
}
.fenlei .bottom .right p {
  font-size: .12rem;
  color: rgba(18, 18, 18, 0.9);
  margin-top: .09rem;
}
.fenlei .bottom .right li {
  margin-bottom: .11rem;
  float: left;
  margin-right: .07rem;
  text-align: center;
  width: .7rem;
}
.fenlei .bottom .right li:nth-child(3n) {
  margin-right: 0;
}
